body {background-color: rgba(143, 141, 139, 0.425);}

h1 {font-size: 60px; color: black;}

h2 {background-color: #303c80;color: #ffffff;text-align: center}

p, li {
  font-size: 18px;
  text-align: left;
  color: black;
}

.font-footer{color: #edf0ee;}

.V-ZUG-Icon{width: 36px;}

.tabelle-bg {width: auto; margin-right: 20px; background-color: #aba5a5;}

.Bottom-container{background-color: #515357; font-size: 20px; color: #e9f5ff; position: sticky; bottom: 0px; left: 0; width: 100%; height: auto ;}

.custom-img-size {
  width: 100%;  /* gewünschte Prozentzahl */
  max-width: 500px; /* z. B., um eine maximale Breite festzulegen */
  height: auto;  /* Beibehaltung des Seitenverhältnisses */
  margin-left: auto; margin-right: auto; display: block
}

/* Stil für den Info-Hinweis */
.info-hinweis {
  border: 2px solid #364286; /* Blaue Umrandung für den Hinweis */
  background-color: #e9f5ff; /* Hellblauer Hintergrund */
  padding: 15px;
  margin-top: 20px; margin-bottom: 20px;
  border-radius: 5px; font-size: 18px;
}
.info-hinweis h4 { 
  margin-top: 0;
  color: #007bff; /* Blaue Schrift für die Überschrift */
}

.hervorhebung{font-size: 110%;}


.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(0%) brightness(0%);
}


/* Accordion */
.accordion-item {
  background-color: #e0e0e0;
  border: 1px solid var(--border-color);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.accordion-item:hover {
  background-color: #d6d6d6;
  border-color: #bbb;
}
.inline-icon {
  vertical-align: middle; /* Ausrichtung mittig zum Text */
  margin-right: 6px;      /* Abstand zwischen Icon und Text */
  width: 60px;            /* Breite des Icons */
  height: 30px;           /* Höhe des Icons */

}